<!--  -->
<template>
  <div class='capage'>
    <div class="content">
      <div v-html="contentData"
           class="ql-editor"></div>
    </div>
  </div>
</template>
<script> 
import { getUserAgreementInfo } from "@/api/protocol";
export default {
  data () {
    return {
      contentData: ''
    };
  },
  created () {
    console.log(document.title)
    getUserAgreementInfo({ deptId: this.$route.query.deptId || "1123598813738675201", userAgreementName: this.$route.query.deptTitle || '合作协议' }).then(res => {
      this.contentData = this.$decode(res.data.content)
    });
  },
  mounted() {
    document.title = this.$route.query.deptTitle || '合作协议'
  }
}
</script>
<style scoped>
@import '../protocol/protocol.css';
</style>
<style lang='less' scoped>
.capage {
  background: #ffffff;
  .content {
    // padding: 40px;
    font-size: 26px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #131313;
    h3 {
      text-align: center;
    }
    h3,
    h4 {
      font-size: 34px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #131313;
      margin-bottom: 30px;
    }
    .content-date {
      margin-top: 23px;
      margin-bottom: 30px;
    }
    p {
      margin-bottom: 30px;
      text-indent: 2em;
    }
  }
}
</style>